<template>
  <div class="box">
        <div class="tableBoxData_title">区县综合验收意见表</div>
        
        <div style="text-align: center;">
          <iframe
            frameborder="0"
            name="showHere"
            class="ifameBox"
            scrolling="auto"
            :src='$https+pdfInfo.filePath'
          ></iframe>
        
    </div>
  </div>
</template>

<script>
import { queryFilingData } from "@/api/quxianzongheYanshou";
export default {
  data() {
    return {
      pdfInfo: ""
    };
  },
  created() {
    this.getTable();
  },
  methods: {
    getTable() {
      let obj = {
        projectId: localStorage.getItem("projectId")
      };
      queryFilingData(obj).then(res => {
        console.log(res, "res");
        this.pdfInfo = res.data;
      });
    }
  }
};
</script>

<style scoped >
.box {
  padding: 30px;
  padding-bottom: 0;
}
.tableBoxData_title {
  width: 100%;
  display: block;
  overflow: hidden;
  font-size: 20px;
  font-weight: bold;
  color: #444;
  text-align: center;
  margin-bottom: 10px;
  height: 40px;
}
.ifameBox{
  width: 70%;
  height: calc( 100vh - 210px );
}
.tableBoxData_button_box {
  width: 100%;
  display: flex;
  justify-content: center;
}
.tableBoxData_button_box_item {
  margin: 0px 20px;
  margin-bottom: 20px;
  margin-top: 10px;
}
#earlyStageChengGuoFuShenYj .table-doc-view {
  border-collapse: collapse;
}
#earlyStageChengGuoFuShenYj .table-doc-view tr,
.table-doc-view td {
  border: 1px solid #ccc;
  padding: 10px 10px;
}
#earlyStageChengGuoFuShenYj .table-doc-view tr,
.table-doc-view td {
  border: 1px solid #ccc;
  padding: 10px 10px;
}
#earlyStageChengGuoFuShenYj .table-doc-view td {
  font-size: 14px;
  color: #444;
  min-height: 30px;
}
#earlyStageChengGuoFuShenYj .table-doc-view .taoc-title {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
#earlyStageChengGuoFuShenYj .table-doc-view .taoc-center {
  text-align: center;
}
</style>